﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Gadgeteer-based IoT API</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <link rel="stylesheet" type="text/css" media="all" href="<%=Page.ResolveUrl("~/css/metro.css")%>" />
    <link type='text/css' rel="stylesheet" href="<%=Page.ResolveUrl("~/css/supersized.css")%>" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.15/jquery-ui.min.js"></script>
    <script src="<%=Page.ResolveUrl("~/js/main/jquery.plugins.min.js")%>"></script>
    <script src="<%=Page.ResolveUrl("~/js/main/metro.js")%>"></script>
    <script type="text/javascript" src="<%=Page.ResolveUrl("~/js/main/supersized.3.2.7.js")%>"></script>
    <script type="text/javascript" src="<%=Page.ResolveUrl("~/js/main/supersizedconfig.js")%>"></script>
    <script src="scripts/index.js"></script>
    <!--[if lt IE 9]>
		<script src="js/respond.min.js"></script>
	<![endif]-->
</head>
<body>
    <div class="metro-layout horizontal">
        <div class="header">
            <h1>Gadgeteer Internet of Things API</h1>
            <div class="controls">
                <span class="down" title="Scroll down"></span>
                <span class="up" title="Scroll up"></span>
                <span class="next" title="Scroll left"></span>
                <span class="prev" title="Scroll right"></span>
                <span class="toggle-view" title="Toggle layout"></span>
            </div>
        </div>
        <div id="global-loader"></div>

        <div class="content clearfix">
            <div class="items">
                <a class="box" id="login" runat="server">
                    <span id="isLoggedInText" runat="server"></span>
                    <div id="user">
                        <div id="name">
                            <div id="firstname" runat="server"></div>
                            <div id="lastname" runat="server"></div>
                        </div>
                        <div id="user-photo">
                            <img src="images/user_no-frame.png" />
                        </div>
                    </div>
                    <%--<img class="icon" src="<%=Page.ResolveUrl("~/images/icons/login.png")%>" alt="" />--%>
                </a>
                <a class="box" href="~/signup.aspx" style="background: #43b51f;" runat="server" id="signup">
                    <span>Sign up</span>
                    <img class="icon" src="<%=Page.ResolveUrl("~/images/icons/signup.png")%>" alt="" />
                </a>
                 <a class="box" href="<%=Page.ResolveUrl("~/docs.aspx")%>" style="background: #3c5b9b;">
                    <span>Get Started</span>
                    <img class="icon" src="<%=Page.ResolveUrl("~/images/icons/api.png")%>" alt="" />
                </a>
                <%--<a class="box" href="#" style="background: #ffc808;">
					<span>About</span>
					<img class="icon" src="images/icons/aboutus.png" alt="" />
				</a>--%>
               
                <a class="box width2 height2" href="#">
                    <iframe width="512" height="290" src="//www.youtube.com/embed/ZLtG8UcvEnk" frameborder="0" allowfullscreen></iframe>
                </a>
               
                <a class="box" href="<%=Page.ResolveUrl("~/testimonials.aspx")%>" style="background: #f58d00;">
                    <span>Testimonials</span>
                    <img class="icon" src="<%=Page.ResolveUrl("~/images/icons/testimonials.png")%>" alt="" />
                </a>
                <%--<a class="box" href="<%=Page.ResolveUrl("~/team.aspx")%>" style="background: #3c5b9b;">
                    <span>Team</span>
                    <img class="icon" src="<%=Page.ResolveUrl("~/images/icons/team.png")%>" alt="" />
                </a>--%>
                <a class="box isLoad" href="mydevices.aspx" style="background: #ffc808;" runat="server" id="mydevices">
                    <span>My Devices</span>
                    <img class="icon" src="<%=Page.ResolveUrl("~/images/icons/mydevices.png")%>" alt="" />
                </a>
                <a class="box height2 isLoad" href="charts.aspx" style="background: #d32c2c;" runat="server" id="charts">
                    <span>Charts</span>
                    <img class="icon big" src="<%=Page.ResolveUrl("~/images/icons/charts.png")%>" alt="" />
                </a>
                <a class="box height2 isLoad" href="discovery.aspx" style="background: #640f6c;" runat="server" id="discovery">
                    <span>Discovery</span>
                    <img class="icon big" src="<%=Page.ResolveUrl("~/images/icons/discovery.png")%>" alt="" />
                </a>
                <a class="box isLoad" href="notifications.aspx" style="background: #6b6b6b;" runat="server" id="notifications">
                    <span>Notifications</span>
                    <img class="icon" src="<%=Page.ResolveUrl("~/images/icons/settings.png")%>" alt="" />
                </a>
                 <a class="box " href="<%=Page.ResolveUrl("~/aboutus.aspx")%>" style="background: #640f6c;">
                    <span>About us</span>
                    <img class="icon" src="<%=Page.ResolveUrl("~/images/icons/contactus.png")%>" alt="" />
                </a>

                <%--<a class="box" href="#" style="background: #00a9ec;">
					<span>Social</span>
					<img class="icon" src="images/tasks.png" alt="" />
				</a>--%>
                <!--<a class="box height2" href="#" style="background: #4c5e51;">
					<span>DeviantART</span>
					<img class="icon big" src="images/deviantart.png" alt="" />
				</a>
				<a class="box" href="#" style="background: #f874a4;">
					<span>Dribbble</span>
					<img class="icon" src="images/dribbble.png" alt="" />
				</a>-->
            </div>
        </div>
    </div>
</body>
</html>
